<template>
	<!--packageA/pages/store_ decoration/store_ decoration.wxml-->
	<view>
		<!-- 头部 -->
		<view class="header">
			<van-steps :steps="steps" :active="active" inactive-color="#979797" custom-class="van-steps" active-color="background:#00C5C1"
			 desc-class="van-steps-desc"></van-steps>
		</view>

		<!-- 品牌介绍 -->
		<view>
			<view class="brandmsg-1">
				<text class="barand-text ">品牌图片</text>
				<view class="bramdmsg-123" @click="goAtlas()">
					<text class="barand-text-2">上传能体现品牌的图片</text>
					<view class="storeMsg-1-log">
						<text>店铺LOGO</text>
					</view>
				</view>
			</view>

			<view class="brandmsg">
				<text class="barand-text ">营业时间</text>
				<view class="bramdmsg-123">
					<text class="barand-text-2">选择营业时间\t例:10：00-21:00</text>
					<image src="/static/images/jiantou.png"></image>
				</view>
			</view>

			<view class="brandmsg">
				<text class="barand-text">休息时间</text>
				<view class="bramdmsg-123">
					<text class="barand-text-2">选择营业时间\t （不休不填）\t例：每周一）</text>
					<image src="/static/images/jiantou.png"></image>
				</view>
			</view>

			<view class="brandmsg">
				<text class="barand-text">从业时间</text>
				<view class="bramdmsg-123">
					<text class="barand-text-2">选择从业时间\t 例：6年</text>
					<image src="/static/images/jiantou.png"></image>
				</view>
			</view>

			<view class="brandmsg">
				<text class="barand-text">担任职位</text>
				<view class="bramdmsg-123">
					<text class="barand-text-2">选择店铺担任职位\t 例：店长</text>
					<image src="/static/images/jiantou.png"></image>
				</view>
			</view>

			<view class="brandmsg">
				<text class="barand-text">技能职称</text>
				<view class="bramdmsg-123">
					<text class="barand-text-2">选择职称等级位\t 例：高级美发师</text>
					<image src="/static/images/jiantou.png"></image>
				</view>
			</view>

			<view class="brandmsg">
				<text class="barand-text">预约时间</text>
				<view class="bramdmsg-123">
					<text class="barand-text-2">选择服务预约提前时间</text>
					<image src="/static/images/jiantou.png"></image>
				</view>
			</view>

			<view class="brandmsg">
				<text class="barand-text">擅长技能</text>
				<view class="bramdmsg-123">
					<text class="barand-text-2">选择输入您擅长技能</text>
					<image src="/static/images/jiantou.png"></image>
				</view>
			</view>

			<view class="brandmsg">
				<text class="barand-text">店铺介绍</text>
				<view class="bramdmsg-123">
					<text class="barand-text-2">请输入店铺/个人介绍</text>
					<image src="/static/images/jiantou.png"></image>
				</view>
			</view>
		</view>

		<!-- 按钮 -->
		<view class="brand-btn">
			<button @click-step @click="onNextstep">
				<text>下一步</text>
			</button>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				steps: [{
					desc: '品牌介绍'
				}, {
					desc: '服务特色'
				}, {
					desc: '环境设施'
				}],
				active: 0
			};
		},

		methods: {
			// 下一步
			onNextstep(e) {
				console.log("e>>>>", e); // wx.showToast({
				//   title: '下一步',
				//   icon: 'success',
				//   duration: 2000
				// })

				uni.navigateTo({
					url: '../store_service/store_service'
				});
			},
			// 商家图册
			goAtlas(){
				uni.navigateTo({
					url:'/pagesB/Atlas/Atlas'
				})
			}

		}
	};
</script>
<style>
	@import "./store_decoration.css";
</style>
